<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button class="btn1">点击我获取cookie</button>
    <button class="btn2">删除cookie</button>
    <script>
      // 1.cookie的获取。
      /*
        能获取cookie 需要注意的点：
            1.协议：域名：端口要和存cookie的地址一致
            2.同一个浏览器
            3.没有过期
            4.保证没有勾选httOnly
            5.path路径要正确。
            // 比如 ： 存的时候path ,  /test/index 这个路径存的cookie，获取的时候，获取cookie的路径只能比存的路径小，不能比他大 。
            6.cookie 可以跨页面访问。    
        */
    </script>
  </body>
</html>
